<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>时钟</title>
    <meta name="description" content="时钟">
    <meta name="Keywords" content="时间，钟表，倒计时，自由化管理时间">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/fonts.css">
    <link rel="stylesheet" href="css/colors.css">
</head>

<body>
    <div class="bd">
        <ul class="bd-set">
            <li class="replace-skin"><a href="javascript:" class="skim">变色<i
                        class="iconfont font-style">&#xe6fe;</i></a>
            </li>
            <li class="count-down"><a href="javascript:" class="countDown">倒计时<i
                        class="iconfont font-style">&#xe768;</i></a></li>
            <li class="jsq-timer"><a href="javascript:" class="time-meter">计时器</a></li>
            <li class="chaos"><a href="javascript:" class="noneBox">隐藏<i class="iconfont font-style">&#xe6fe;</i></a>
            </li>
        </ul>
        <!-- 变色 -->
        <div class="fontcolor">
            <span><a href="javascript:">字体颜色:</a></span>
            <span><a href="javascript:">背景颜色:</a></span>
            <div class="ztyangshi">
                <ul class="zt">
                </ul>
            </div>
            <div class="bjyangshi">
                <ul class="bj">
                </ul>
            </div>
        </div>
        <!-- 2.1时间区域 -->
        <div class="hs">
            <!-- 小时 -->
            <span class="h shifen"></span>
            <!-- 分钟 -->
            <span class="s shifen"></span>
        </div>

        <!-- 2.2倒计时 -->
        <div class="time-down">
            <input class="inputs" type="text" value="请输入倒计时时间(单位:分钟):"><button class="quren">确认</button>
            <ul class="kaiguan">
                <li href="javascript:"><a href="javascript:" class="timebutton">结束</a></li>
            </ul>
            <div class="kaung">
                <!-- 时 -->
                <span class="xiaoshi"></span>
                <!-- 分钟 -->
                <span class="ss"></span>
                <!-- 秒 -->
                <span class="sin"></span>
            </div>

        </div>
        <!-- 2.3计时器 -->
        <div class="js-box">
            <div class="g-timer">
                <span class="j-xiao jj">00</span>
                <span>:</span>
                <span class="j-minutes jj">00</span>
                <span>:</span>
                <span class="j-seconds jj">00</span>
            </div>
            <div class="kg">
                <a href="javascript:" class="start">开始</a>
                <a href="javascript:" class="stop">结束</a>
            </div>
        </div>
    </div>

    <script src="./js/script.js"></script>
</body>


</html>